<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>湖北省第十七届运动会成绩信息发布</title>
<meta name="keywords" content="湖北省运会成绩管理系统">
<meta name="description" content="湖北省运会成绩管理系统">

    <link rel="icon" href="${contextPath}static/favicon.png" type="image/x-icon" />
    <link rel="shortcut icon" href="${contextPath}static/favicon.png" />

<link href="${contextPath}static/css/bootstrap.min.css" rel="stylesheet">
<link href="${contextPath}static/css/font-awesome.min.css" rel="stylesheet">
<link href="${contextPath}static/css/sportPublic.css" rel="stylesheet">


<script src="${contextPath}static/js/jquery-1.12.4.min.js?v=4"></script>
<script src="${contextPath}static/js/bootstrap.min.js?v=4"></script>
<script src="${contextPath}static/localijs/hhBase64.js?v=4"></script>
<script src="${contextPath}static/localijs/App.js?v=3"></script>
</head>
<body>
	<div class="big-bg"></div>
	<!-- 左边纵向导航 开始 -->
	<div class="nav-vertical">
		<div class="sport-logo">
            <img src="${contextPath}static/images/real_logo.png">
            <span class="sport-logo-txt">2026 · 孝感</span>
		</div>
		<div class="sport-menu">
			<ul class="sport-menu-list">
				<li <c:if test="${pid eq '12'}">class="active" </c:if>><a href="${contextPath}"> <i class="fa fa-futbol-o"></i>
						<span class="menu-li-txt">青少年体育类</span>
				</a></li>
				<li <c:if test="${pid eq '13'}">class="active"</c:if>><a href="${contextPath}qzty"> <i class="fa fa-universal-access"></i> <span
						class="menu-li-txt">群众体育类</span>
				</a></li>
				<li <c:if test="${pid eq '18'}">class="active"</c:if>><a href="${contextPath}shjlb"> <i class="fa fa-universal-access"></i> <span
						class="menu-li-txt">社会俱乐部类</span>
				</a></li>
                <li <c:if test="${pid==null && pid==''}">class="active"</c:if>>
                    <a href="${contextPath}zdxs">
                        <i class="fa fa-universal-access"></i>
                        <span class="menu-li-txt">大学生类</span>
                    </a>
                </li>
			</ul>
<%-- 			<div class="code">
				<img src="${contextPath}static/images/code.jpg" alt=""> <span>关注湖北省<br>运动会公众号
				</span>
			</div> --%>
		</div>
	</div>
	<!-- 左边纵向导航 结束 -->
 <div class="sport-content col-sm-12">
      <div class="sport-content-center">
        <div class="sport-title">湖北省第十七届运动会竞赛成绩信息发布</div>
        <div class="primary-content">
          <div class="primary-content-title">
            <h2>青少年体育类</h2>
            <div class="sport-tab">
              <ul class="nav nav-tabs">
                <li><a >总日程</a></li>
                <li><a >决赛成绩</a></li>
                <li><a >单项赛程</a></li>
                <li class="active"><a >纪录</a></li>
<%--                <li><a >奖牌榜</a></li>--%>
              </ul>
            </div>
          </div>
          <div class="wrapper-content">
            <div class="sport-cell">
              <div class="every-hd">
                <div class="every-hd-left col-sm-12 noapd-l">
                  <div class="col-sm-3 noapd-l">
                    <select class="form-control" name="type" onchange="javascript:App.ShowRecordInfo(this.value);">
                      <option value="0"  <c:if test="${order == '0' }">selected="selected"</c:if> >  按项目</option>
                      <option value="1" <c:if test="${order == '1' }">selected="selected"</c:if>>按日期</option>
                    </select>
                  </div>
                </div>
              </div>
              <div class="every-bd" >
                <!-- 兵乓球 开始 -->
                <c:forEach var="m" items="${map}" >
                <div class="someone-item">
                    <div class="sport-item">
                             ${m.key}
                      <span class="small-toggle">
                        <i class="toggle-txt">收起</i>
                        <i class="fa fa-arrow-circle-up"></i>
                      </span>
                    </div>
                    <table class="table table-striped table-sport-item">
                      <thead>
                        <tr>
                            <th style="text-align: left;">竞赛项目 </th>
                            <th style="text-align: left;">新记录</th>
                            <th style="text-align: left;">类别</th>
                            <th style="text-align: left;">创造者</th>
                            <th style="text-align: left;">代表队</th>
                            <th style="text-align: left;">日期</th>
                            <th style="text-align: left;">原纪录</th>
                        </tr>
                      </thead>
                      <tbody>
                       <c:forEach var="s" items="${m.value}" >
                        <tr>
                            <td style="text-align: left;">${s.projectName }</td>
                            <td style="text-align: left;">${s.score }</td>
                            <td style="text-align: left;">${s.recordType }</td>
                            <td style="text-align: left;">${s.holder }</td>
                            <td style="text-align: left;">${s.unitName }</td>
                            <td style="text-align: left;">${s.createTime }</td>
                            <td style="text-align: left;">${s.originalScore}</td>
                        </tr>
                        </c:forEach>
                      </tbody>
                    </table>
                </div>
                </c:forEach>
                <!-- 兵乓球 结束 -->
              </div>
            </div>
          </div>
        </div>
        <div class="sport-footer">
          <p>建议使用IE9及以上版本浏览器 <br>版权所有 湖北省体育局</p>
        </div>
      </div>
    </div>

    <!-- 返回顶部 开始 -->
    <div class="gototop" style="display: none;">
      <a href="javascript:;" title="返回顶部"><i class="fa fa-angle-up"></i></a>
    </div>
    <!-- 返回顶部 结束 -->

    <script>
 	App.OnclickHandle('${contextPath}','${pid}');
    // 月份切换
    $(".every-date-tab ul li").click(function(){
        $(this).addClass('active').siblings().removeClass('active');
        var index = $(".every-date-tab ul li").index(this);
        $(".every-days-cell").eq(index).show().siblings().hide();
    })

    //返回顶部
    $(window).scroll(function(){
        if ($(window).scrollTop()>=200) {
            $(".gototop").fadeIn(300);
        }else{
            $(".gototop").fadeOut(300);
        }
    })
    $(".gototop").click(function(){
        $('html,body').animate({'scrollTop':'0px'},300);
    })

    //表格展开收起
    $(".small-toggle").click(function(){
      if($(this).find(".fa").hasClass('fa-arrow-circle-up')){
        $(this).parents(".someone-item").find(".table-sport-item").slideUp(300);
        $(this).find(".fa").addClass('fa-arrow-circle-down').removeClass('fa-arrow-circle-up');
        $(this).find(".toggle-txt").text("展开");
      }else{
        $(this).parents(".someone-item").find(".table-sport-item").slideDown(300);
        $(this).find(".fa").addClass('fa-arrow-circle-up').removeClass('fa-arrow-circle-down');
        $(this).find(".toggle-txt").text("收起");
      }
    })
    </script>
  </body>
</html>
